<template>
    <div class="home">
      <van-tabbar v-model="actives" >
        <van-tabbar-item  icon="home-o" to="/home">主页</van-tabbar-item>
        <van-tabbar-item  icon="apps-o" to="/fenlei">分类</van-tabbar-item>
        <van-tabbar-item  icon="cart-o" to="/gouwuche">购物车</van-tabbar-item>
        <van-tabbar-item  icon="manager-o"  to="/userhome">个人中心</van-tabbar-item>
      </van-tabbar>
  
    </div>
  </template>
  
  <script lang="ts" setup>
  import { defineProps,reactive,ref } from 'vue';
    let  active =  defineProps({
        active:Number
      })
     let actives = ref(active.active)
     
  </script>
  <style lang="less" scoped>
    .home{
      
      font-size: 28rem !important;
      i{
        font-size: 28rem !important;
      }
    }
    .van-tabbar-item--active{
      color: #f83d3d;
    }
  </style>
  